/**全局 start*/
html {
	-webkit-text-size-adjust: none;-webkit-appearance: none;-webkit-tap-highlight-color: transparent;
}

img {
	-webkit-transform: scale(1) rotate(0) translate3d(0, 0, 0);transform: scale(1) rotate(0) translate3d(0, 0, 0);
}

input{
    -webkit-appearance: none;
}

textarea  {
  　　box-shadow:0px 0px 0px rgba(0,0,0,0);-webkit-appearance:none;
}

  body {
	background-color: #F4F4F4;overflow: scroll;
}

.unvisible{
	display: none;
}

img.circle{
		border-radius: 50%;overflow: hidden;
}

a:active{
	background-color: none;
}

::-webkit-scrollbar {
	width: 0;height: 0
}

* {
	color: #333333;font-size: 4vw;font-family:"Microsoft YaHei" !important;
}

.text_title{
		
}

.text_gray {
	color: #ababab
}

.green {
	background-color: green;
}

.red {
	background-color: red;
}

.blue {
	background-color: blue;
}

.over_trunc {
	white-space: nowrap;word-break: keep-all;overflow: hidden;text-overflow: ellipsis;
}

.h_align_center {
	display: -webkit-flex;/* Safari */
	display: flex;align-items: center;
}

.v_align_center {
	display: -webkit-flex;/* Safari */
	display: flex;flex-direction: column;align-items: center;
}

.align_center {
	display: -webkit-flex;/* Safari */
	display: flex;align-items: center;justify-content: center;
}

.v_dir {
	display: -webkit-flex;/* Safari */
	display: flex;flex-direction: column;
}

.h_dir {
	display: -webkit-flex;/* Safari */
	display: flex;
}

/**************************全局******************************/
/********************************************************/
.tree{
	background-color: white;border-top: 1px solid #D9D9D9;border-bottom: 1px solid #D9D9D9;
}

.tree .row:FIRST-CHILD{
		border-top: none;
}

.tree .row{
		border-top: 1px solid #D9D9D9;margin-left: 5vw;font-size: 5.56vw;display: none;
}

.tree>.row{
		display: block;
}

.tree .item{
	height:36px;display: -webkit-flex;/* Safari */
	display: flex;align-items: center;
}

    .item.active a:BEFORE{
	content: "\EA06";
}

.item a:BEFORE{
	 font-size: 6.67vw;color: #09bb07;content: "\EA07";font-family: weui;font-style: normal;font-weight: 400;speak: none;display: inline-block;vertical-align: middle;text-decoration: inherit;width: 1em;margin-right: .2em;text-align: center;font-variant: normal;text-transform: none;line-height: 1em;margin-left: .2em;
}

/********************************************************/
.list_tab_container{
	
}

.list_tab{
	flex:1;background-color: white;position: relative;height: 10vw;color: #888888;
}

.list_tab.active{
	background-color: #43B6FE;color: white;
}

.list_tab>div{
		border-radius: 50%;background-color: red;display: -webkit-flex;/* Safari */
	display: flex;align-items: center;justify-content: center;width: 5vw;height: 5vw;position: absolute;color: white;font-size: 3vw;right: 25%;top: 2.5vw;
}

/********************************************************/
.notice_item{
	border: solid 1px #d4d4d4;margin: 4.16vw;margin-bottom:0;width: 91.68vw;padding: 1.7vw;background-color: white;
}

.notice_item_left{
	width: 30vw;padding: 1.6vw;background-color: #DBF4FF;flex:0;
}

.notice_item_left img{
	width: 20vw;height: 20vw;
}

.notice_item_sender{
	margin-top: 1.7vw;max-width: 24vw;
}

.notice_item_right{
	flex:1;margin-left: 1.7vw;margin-right: 1.7vw;
}

.notice_item_title{
	font-size: 4.3vw;font-weight: bold;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
}

.notice_item_time{
	color: #888888;margin-top: 1.7vw;
}

.read_tag{
	flex-grow:1;flex-shrink:0;height: 5vw;color: red;display: flex;justify-content: flex-end;align-items: flex-end;margin-right: 3vw;margin-top: 2.5vw;font-size: 4.3vw;
}

.notice_count{
	flex-grow:1;flex-shrink:0;height: 5vw;display: flex;justify-content: flex-end;align-items: flex-end;margin-right: 3vw;margin-top: 2.5vw;
}

.read_tag:AFTER{
	content:"未读";
}

.read_tag.readed{
	color: blue;
}

.read_tag.readed:AFTER{
	content:"已读";
}

/********************************************************/
.res_item{
	background-color: white;border-top: solid 1px #d4d4d4;border-bottom: solid 1px #d4d4d4;padding: 4.17vw;margin-top: 4.17vw;width: 91.66vw;
}

.res_item>img{
	width: 18vw;height: 18vw;flex:none;
}

.res_item_right{
	flex:1;margin-left: 5vw;height: auto;
}

.res_item_right>span{
	font-weight: bold;font-size: 4.3vw;
}

.res_read{
	margin-top: 5vw;
}

.res_read>span:FIRST-CHILD:AFTER{
	color: red;content: "未读"
}

.res_read.readed>span:FIRST-CHILD:AFTER{
	color: blue;content: "已读"
}

.res_read>.read_time{
	display: none;color: #888888;
}

.res_read.readed>.read_time{
	display: block;
}

/********************************************************/
.notice_title{
	margin: 5vw;font-weight: bold;font-size: 5vw;
}

.notice_content{
	margin: 5vw;
}

.notice_time{
	margin: 5vw;margin-top:15vw;color: #888888;
}

/********************************************************/
.contact_title{
	border-top: solid 1px #D0D0D0;border-bottom: solid 1px #D0D0D0;height: 15vw;padding-left: 10vw;background-color: white;font-weight: bold;margin-top: 5vw;
}

.contact_title span,.contact_rows span{
	display: block;
}

.contact_rows{
	margin-top: 5vw;background-color: white;
}

.contact_row{
	height: 12vw;display: -webkit-flex;/* Safari */
	display: flex;align-items:center;border-bottom: solid 1px #D0D0D0;
}

.contact_row:FIRST-CHILD {
	border-top: solid 1px #D0D0D0;
}

.contact_row .label{
	margin-left: 8vw;width: 30vw;
}

.contact_row a{
	color: #0077BA;
}

/********************************************************/
.contactbook_row:FIRST-CHILD{
		border-top: none;
}

.contactbook_row{
		border-top: 1px solid #D9D9D9;margin-left: 5vw;font-size: 5.56vw;display: none;
}

.tree>.contactbook_row{
		display: block;
}

.tree .contact_item{
	height:36px;display: -webkit-flex;/* Safari */
	display: flex;align-items: center;
}

    .contact_item.active a:BEFORE{
	background-image: url(../image/d.png);
}

.contact_item a:BEFORE{
	background-image: url(../image/r.png);background-repeat: no-repeat;background-size:cover;width: 4vw;height: 4vw;font-size: 6.67vw;color: #09bb07;content: "            ";font-family: weui;font-style: normal;font-weight: 400;speak: none;display: inline-block;vertical-align: middle;text-decoration: inherit;margin-right: .2em;text-align: center;font-variant: normal;text-transform: none;
}

.contact_item a.leaf:BEFORE{
	background-image: none;
}

.contact_item.active a.leaf:BEFORE{
	background-image: none;
}

.contactbook_row{
	
}

/********************************************************/
.contact_person_item{
	border-bottom: solid 1px #D0D0D0;height: 15vw;padding-left: 10vw;background-color: white;
}

.contact_person_item:FIRST-CHILD{
	border-top: solid 1px #D0D0D0;
}

.contact_person_item span{
	min-width: 50vw;
}

.contact_person_item a{
	color: #0077BA;
}

/********************************************************/
.flow_item{
	border: solid 1px #d4d4d4;margin: 4.16vw;margin-bottom:0;width: 91.68vw;padding: 1.7vw;background-color: white;display: block;
}

.flow_item_sender{

}

.flow_item_title{
	font-size: 4.3vw;font-weight: bold;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
}

.flow_item_time{
	color: #888888;margin-top: 1.7vw;
}

.deal_tag{
	flex-grow:1;flex-shrink:0;height: 5vw;color: red;display: flex;justify-content: flex-end;align-items: flex-end;margin-right: 3vw;margin-top: 2.5vw;font-size: 4.3vw;
}

.deal_tag.dealed{
	color: blue;
}

/********************************************************/
.flow_title{
	margin: 5vw;font-weight: bold;font-size: 5vw;
}

.flow_detail_row{
	display: flex;
}

.flow_container{
	background-color: white;border-bottom: solid 1px #D0D0D0;border-top: solid 1px #D0D0D0;padding:  2.6vw 1.3vw 2.6vw 1.3vw;
}

.flow_detail_label{
	font-size: 3.7vw;width: 21.3vw;text-align: right;flex:none;
}

.flow_detail_content{
	font-size: 3.7vw;margin-left: 1.3vw;flex-shrink:1;
}

.flow_container.segment{
	border-top: none;
}

.flow_view_wait{
	color: red;font-size: 3.7vw;margin-left: 6.6vw;margin-top: 1.3vw;
}

.flow_over{
	height:36px;display: -webkit-flex;/* Safari */
	display: flex;align-items: center;background-color: white;border-top: 1px solid #D9D9D9;border-bottom: 1px solid #D9D9D9;margin-top: 2.6vw;
}

.flow_over.active a:BEFORE{
	content: "\EA06";
}

.flow_over a:BEFORE{
	 font-size: 6.67vw;color: #09bb07;content: "\EA07";font-family: weui;font-style: normal;font-weight: 400;speak: none;display: inline-block;vertical-align: middle;text-decoration: inherit;width: 1em;margin-right: .2em;text-align: center;font-variant: normal;text-transform: none;line-height: 1em;margin-left: .2em;
}

.attaches{
	background-color: white;	
	padding:0.8vw 0 0.8vw 5.6vw;
	border-top: 1px solid #D9D9D9;border-bottom: 1px solid #D9D9D9;
	min-height: 8vw;
	margin-top: 14px;
}

.btn_add_attach{
	border: solid 1px #43B6FE;
	height: 8vw;
	border-radius: 4px;
	width: 28vw;
}
.attach_item{
	justify-content: space-between;
	margin-right: 5.33vw;
	margin-top: 0.8vw;
}
.attach_item>a{
	max-width: 50vw;white-space: nowrap;word-break: keep-all;overflow: hidden;text-overflow: ellipsis;
	
}
.file_item{
	padding: 1.33vw 2.67vw 1.33vw 2.67vw;
	background: white;
	margin: 1.33vw;
	border: solid 1px #D0D0D0;
}

.file_item.active i:BEFORE {
    content: "\EA06";
}

.file_item>i:BEFORE{
    font-size: 6.67vw;
    color: #09bb07;
    content: "\EA07";
    font-family: weui;
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    vertical-align: middle;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
}
.file_container{
	background-color: #F4F4F4;
	
}
.wxfile_container_inner{
	height: 100vh;
}
#wxfile_container{
	flex-grow:1;
	flex-shrink:1;
	overflow: scroll;
}
#btn_wxfile_close{
	flex:none;
}
.file_thumb{
	width: 16vw;
	height: 16vw;
	margin-right: 4vw;
}
.file_thumb>img{
	max-width: 16vw;
	max-height: 16vw;
}
.file_des>span{
	font-size: 3.73vw;
}